.index-banner {
    border-radius: 10px;
    overflow: hidden;
    height: 200px;
}

.index-banner image {
    height: 200px;
}

.post-group {
    border: 1px solid #ddd;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 5px;
    padding: 7px;
}

.post-group-head {
    overflow: hidden;
    list-style: none;
}

.post-group-head li {
    float: left;
    padding: 5px 10px;
}

.post-group-head li a {
/ / color: #333;
}

.post-group-head li.active {
    background: #ccc;
}

.post-list-group {
    margin-top: 20px;
}

.post-list-group li {
    overflow: hidden;
}

.author-avatar-group {
    float: left;
}

.author-avatar-group img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.post-info-group {
    float: left;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.post-info-group .post-info {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #8c8c8c;
}

.post-info-group .post-title {
    color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
     overflow: hidden;
}

.post-info span {
    padding-right: 5px;
}
.post-group .pagination-bottom{
    text-align: center;
}

